@charset "utf-8";
/* CSS Document */
a{-webkit-transition: color .2s;-moz-transition: color .2s;-o-transition: color .2s; -ms-transition: color .2s;transition: color .2s;}
.box_size{width:1200px;min-width:1200px;margin:0 auto;}
.across_box{height: 55px;
background-color: #fff;
border-bottom: solid 1px #e5e5e5;
line-height: 1.5;}
.uc_bd .uc-title{
	float:left;
display: inline;
border-left: solid 3px #00a1ca;
margin-top: 19px;
padding-left: 5px;
color: #00a1ca;
font-size: 16px;
line-height: 1;
font-weight: bold;}

a:active{color:#08c;}
/* 升级操作步骤 */
.process_bar{margin-top:20px;}
.uc-process{width: 100%; height: 26px; zoom: 1;}
.uc-process:after{display: block; clear: both; height: 0; content: "\0020";}
.uc-process .unit,
.uc-process .current,
.uc-process .past{float: left; display: inline; height: 26px; width: 32%; background: #ccc; text-align: center; color: #fff; font-size: 14px; line-height: 26px;}
.uc-process .current{background: #00a2ca;}
.uc-process .past{background: #9cddf5; color: #fff;}
.uc-process .arrow,
.uc-process .arrow-current,
.uc-process .arrow-complete,
.uc-process .arrow-past{position: relative; float: left; display: inline; width: 2%; height: 26px; overflow: hidden; background: #ccc;}
.uc-process .next{position: absolute; display: block; left: 0; top: -3px; height: 0; width: 0; overflow: hidden; border: solid 10px transparent; border-width: 16px 10px; _border-color: black; _filter: chroma(color=black); border-left-color: #fff;}
.uc-process .prev{position: absolute; display: block; left: 0; top: 0; height: 0; width: 0; overflow: hidden; border: solid 10px transparent; border-width: 13px 8px; _border-color: black; _filter: chroma(color=black); border-left-color: #ccc;}
.uc-process .arrow-current .prev{border-left-color: #00a2ca;}
.uc-process .arrow-complete{background: #00a2ca;}
.uc-process .arrow-complete .prev{border-left-color: #9cddf5;}
.uc-process .arrow-past{background: #9cddf5;}
.uc-process .arrow-past .prev{border-left-color: #9cddf5;}

/* 按钮 */
.uc-button,
.uc-button-black,
.uc-button-gray,
.uc-button-blue,
.uc-button-disabled{display: inline-block; width: 150px; height: 36px; overflow: hidden; font-size: 14px; border-width: 0; background-color: #00a2c9; border-radius: 4px; color: #fff; font-family: "\5fae\8f6f\96c5\9ed1", "\534e\6587\7ec6\9ed1"; text-align: center; line-height: 2; cursor: pointer; outline: none; border: solid 1px #00a2c9;
	text-shadow:rgba(0, 0, 0, 0.3) 0 -1px 0;
	-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;
}
.uc-button:hover{background: #33b5d4; color: #fff; text-decoration: none; border: solid 1px #33b5d4;}
.uc-button:active{background: #20a5c5; box-shadow: inset 0 2px 1px #138cb3; border: solid 1px #20a5c5;}
.uc-button-black{background: #fff; color: #00a2c9; border: solid 1px #33b5d4;
    text-shadow: none;
}
.uc-button-black:hover{background: #33b5d4; text-decoration: none; border: solid 1px #33b5d4; color: #fff;}
.uc-button-black:active{background: #20a5c5; border: solid 1px #20a5c5; box-shadow: inset 0 2px 1px #138cb3; color: #fff;}
.uc-button-gray{background: #fff; color: #00a2c9; border: solid 1px #33b5d4;
    text-shadow: none;
}
.uc-button-gray:hover{background: #33b5d4; text-decoration: none; border: solid 1px #33b5d4; color: #fff;}
.uc-button-gray:active{background: #20a5c5; border: solid 1px #20a5c5; box-shadow: inset 0 2px 1px #138cb3; color: #fff;}
.uc-button-blue{}
.uc-button-blue:hover{background: #33b5d4; text-decoration: none; border: solid 1px #33b5d4;}
.uc-button-blue:active{background: #20a5c5; box-shadow: inset 0 2px 1px #138cb3; border: solid 1px #20a5c5;}
.uc-button-disabled{background: #efefef; color: #ccc; cursor: default; text-shadow: none; border: solid 1px #efefef;}
.uc-button-disabled:hover{text-decoration: none;background: #efefef; border: solid 1px #efefef;color: #ccc;}

.uc-button-s{height: 26px; font-size: 12px; line-height: 1.8;}
.uc-button-w100{width: 100px;}
.uc-button-w170{width: 170px;}.uc-radio{display: inline-block; height: 26px;}
/* 订单信息 */
.product_title td{font-weight:bold;}
.order-info{padding: 14px 20px; background: #f1f6f9; color: #666; line-height: 2;}
.order-info .info-row{ padding-bottom: 10px;}
.order-info .info-row table{width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; color: #666;}
.order-info .info-row table td{ width: 15%; text-align:center;vertical-align:middle}
.lnk-obj:link,
.lnk-obj:visited{color: #666;}
.lnk-obj:hover{color: #666; text-decoration: underline;}
.time-row{padding: 8px 0 0; height: 32px; font-size: 16px;border-bottom: dashed 1px #dee1e2;}
.time-color{color: #f60;}

/*  升级商品信息 */
.upgrade_box{margin-top:25px;}
/* 去支付 */
.gotopay{text-align:right;margin-top:10px;}
/* 升级信息 */
.upgrage_box {

}

.range_title, #range_band,.range_tip {
	float: left;
}

.range_box {
	position: relative;
}

.range_title {
	display: inline;
	width: 100px;
	height: 26px;
	font-size: 14px;
	line-height: 25px;
	text-align: right;
	color: #999;
	margin: 0;
}

.range_box .range {
	position: relative;
	height: 26px;
	background-color: #f9f9f9;
	border-radius: 4px;
}

.range_patch {
	width:110px;
	border-right: solid 1px #e6e6e6;
	float:left;
	padding-right:3px;
	color: #999;
	
	display: inline-block;
	height: 24px;
	line-height: 24px;
	text-align: right; -moz-user-select : none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
}

.range_box .container {
	position: absolute;
	left: 0; top : 0;
	width: 0;
	height: 24px;
	overflow:hidden;
	border: solid 1px #6dc5dc;
	overflow: hidden;
	background-color: #eafbfe;
	border-radius: 4px;
	top: 0;
}
.range_box .container .container_tips{width:570px;}
.range_box .container .container_tips .range_patch{color: #000;}

.drag:link, .drag:visited {
	border-color: #ccc;
}

.drag:hover {
	border-color: #aaa;
}

.drag {
	position: absolute;
	left: 0;
	top: -2px;
	display: block;
	width: 10px;
	height: 19px;
	padding: 9px 0 0 3px;
	overflow: hidden;
	border: solid 1px #bbbbbb;
	background-color: #fff;
	cursor: default;
	-webkit-transition: border-color .3s, -webkit-transform .3s;
	-moz-transition: border-color .3s, -moz-transform .3s;
	-ms-transition: border-color .3s, -ms-transform .3s;
	-o-transition: border-color .3s, -o-transform .3s;
	outline: none;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.drag i {
	float: left;
	display: inline;
	margin: 0 0 0 1px;
	width: 1px;
	height: 10px;
	overflow: hidden;
	background: #ababab;
	background: -webkit-linear-gradient(top, #f2f2f2, #ababab, #f2f2f2);
	background: -moz-linear-gradient(top, #f2f2f2, #ababab, #f2f2f2);
	background: -o-linear-gradient(top, #f2f2f2, #ababab, #f2f2f2);
	background: -ms-linear-gradient(top, #f2f2f2, #ababab, #f2f2f2);
}
.range_tip {margin-left:35px;}
.endtime {
	float:left;
	margin-left:75px;
	line-height:24px;
	font-size : 16px;
}
.range_tip input{margin-right:5px;}
.uc-input {
	border: solid 1px #d4d4d4;
	width: 44px;
	height: 12px;
	padding: 6px 4px;
	font-size: 12px;
	line-height: 1;
	outline: none;
	border-radius: 4px;
	box-shadow: inset 1px 1px 1px #e8e8e8;
	color: #000;
}
/*用户数量下拉框*/
.dropbox{float:left;}

/*支付页面*/
.pay_ways{border: 1px solid #d6d4d5;border-radius:3px 3px 0 0;background-color: #fff;padding:10px 20px;}
.balance_pay {padding-top:20px;}
.balance_pay ul {font-size: 14px;}
.balance_pay ul li {float:left;margin-left:100px;}
.balance_pay ul li.check_way{margin-left:20px;}
.balance_pay ul li span,em{color:rgb(0,143,181);}
.balance_pay ul li.check_way input {vertical-align:middle;margin-right:5px;}

.others_pay{margin-top:20px;font-size: 14px;}
.others_tip{font-size:14px;margin-left:20px;}
.others_tip input{vertical-align:middle;margin-right:5px;}
.others_price{font-size:14px;margin-left:108px;}
.others_box{ padding:10px 0 0 20px;}
#others_boxtitle{}
#others_boxtitle li{float:left;}
#others_boxtitle li a{
display:block;
padding:9px 18px;
text-align: center;
border: 1px solid #d6d4d5;
border-top: 1px solid #d6d4d5;
cursor: pointer;
background: #fafafa;
font-weight: normal;
position:relative;
z-index:2;
}
#others_boxtitle li a.active{
	border-color: #b1dae4;
	border-top: 1px solid #008fb5;
	border-bottom-color: #fff;
}
.others_content{ position:relative;top:-1px;z-index:1;border: 1px solid #d6d4d5;}

/* 应付款 */
.need2pay {
	font-size: 16px;
	padding: 0 5px 0 0;
	margin-bottom: 10px;
	display: inline-block;
}

.need2pay em {
	font-weight: normal;
	color: #f60;
}
